<!DOCTYPE html>
<html lang="en">
<head>
    <title>第九届品质论坛电子海报</title>
    <link rel="import" href="../common/head.html?__inline">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/node_modules/animate.css/animate.css">
    <link rel="stylesheet" href="/node_modules/swiper/dist/css/swiper.css">
    <link rel="stylesheet" href="poster.less">
    <script src="/web/lib/flexible.js"></script>

</head>
<body>

<audio id="music" src="/web/video/music.mp3" autoplay loop></audio>
<div class="icon-music ani-music"></div>

<div class="swiper-container main-swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide slide1">
            <link rel="import" href="../common/element-down.html?__inline">
            <img class="car-logo ani" src="img/car-logo.gif" swiper-animate-effect="fadeInUp">

            <img class="logo ani" swiper-animate-effect="zoomIn" swiper-animate-delay="0.3s" src="/web/img/logo.png">
            <div class="title ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="0.6s">东风日产&东风启辰<br>第9届品质论坛</div>
            <img class="title-bg ani" swiper-animate-effect="zoomIn" swiper-animate-delay="0.9s" src="img/slide1-2020.png">
            <img class="tit1 ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="1.2s" src="img/slide1-tit1.png">
            <div class="txt">
                <p class="ani" swiper-animate-effect="rotateIn" swiper-animate-delay="1.5s">2016-2017年，公司自发布[Q]+品质中期战略以来，践行“<span>两突破</span>”“<span>两强化</span>”的战略方针，推动全价值链品质意识提升及行动，取得初步成效。</p>
                <p class="ani" swiper-animate-effect="rotateIn" swiper-animate-delay="2s">2018年，【智行科技】、【智造品质】、【智享体验】的 i<sup>3</sup> 计划将促进公司全价值链的智能升级，<span>新技术品质保证</span>面临新的<span>机遇与挑战</span>，引发全员的思考与行动，以品质推动品牌魅力，向“一流品质”的目标迈进。</p>
            </div>
        </div>

        <div class="swiper-slide slide2">
            <link rel="import" href="../common/poster/top.html?__inline">
            <link rel="import" href="../common/poster/bottom.html?__inline">
            <link rel="import" href="../common/element-down.html?__inline">

            <div class="txt">
                <p class="p1 ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="0.3s">新技术品质保证<br>贯穿 [Q]+战略全价值链过程</p>
                <p class="p2 ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="0.6s">品质愿景：用品质感动生活</p>
                <p class="p3 ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="0.9s">品质目标：一流品质</p>
            </div>
            <img class="house ani" swiper-animate-effect="zoomIn" swiper-animate-delay="1.2s" src="../index/img/slide3-house.png">
            <img class="img1 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="1.5s" src="../index/img/slide3-img1.png">
            <img class="img ani" swiper-animate-effect="zoomIn" swiper-animate-delay="2s" src="../index/img/slide3-img.png">
        </div>

        <div class="swiper-slide slide3">
            <link rel="import" href="../common/poster/top.html?__inline">
            <link rel="import" href="../common/poster/bottom.html?__inline">
            <link rel="import" href="../common/element-down.html?__inline">

            <div class="title ani" swiper-animate-effect="zoomIn" swiper-animate-delay="0.5s">新中期新技术的重点规划</div>
            <img class="icon ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="1s" src="img/slide3-icon.png">

            <h2 class="h2-1 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="1.5s"> i-Power <b>智能动力</b><span> · 全品牌电动化</span></h2>
            <img class="img1 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="2s" src="img/slide3-img1.png">
            <img class="img2 ani" swiper-animate-effect="rotateIn" swiper-animate-delay="2.5s" src="img/slide3-img2.png">

            <h2 class="h2-2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="3s"> i-Drive <b>智能驾驶</b><span> · 先进辅助驾驶系统</span></h2>
            <img class="img3 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="3.5s" src="img/slide3-img3.png">

            <h2 class="h2-3 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="4s"> i-Integration <b>智能网联</b><span> · 车联网技术</span></h2>
            <img class="img4 ani" swiper-animate-effect="rotateIn" swiper-animate-delay="4.5s" src="img/slide3-img4.png">
        </div>

        <div class="swiper-slide slide4">
            <link rel="import" href="../common/poster/top.html?__inline">
            <link rel="import" href="../common/poster/bottom.html?__inline">
            <link rel="import" href="../common/element-down.html?__inline">

            <div class="title ani" swiper-animate-effect="zoomIn" swiper-animate-delay="0.5s">新技术品质保证的机遇<br>—全新的客户需求</div>

            <h2 class="h2-1 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="1s"><b>智能动力</b>客户需求</h2>
            <div class="img1">
                <img class="img1-1 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="1.5s" src="img/slide4-img1-1.png">
                <img class="img1-2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="2s" src="img/slide4-img1-2.png">
                <img class="img1-3 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="2.5s" src="img/slide4-img1-3.png">
            </div>

            <div class="cont-box">
                <h2 class="h2-2 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="3s"><b>智能驾驶</b>客户需求</h2>
                <img class="img2 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="3.5s" src="img/slide4-img2.png">

                <h2 class="h2-3 ani" swiper-animate-effect="fadeInLeft" swiper-animate-delay="4s"><b>智能网联</b>客户需求</h2>
                <img class="img3 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="4.5s" src="img/slide4-img3.png">
            </div>
        </div>

        <div class="swiper-slide slide5">
            <link rel="import" href="../common/poster/top.html?__inline">
            <link rel="import" href="../common/poster/bottom.html?__inline">
            <link rel="import" href="../common/element-down.html?__inline">

            <div class="title ani" swiper-animate-effect="zoomIn" swiper-animate-delay="0.3s">新技术品质保证<br>—更丰富的品质保证的手段与工具</div>

            <div class="cont-box">
                <div class="group1">
                    <img class="ani" swiper-animate-effect="zoomIn" swiper-animate-delay="0.6s" src="img/slide5-img1.png">
                    <div class="line up ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="0.9s"></div>
                    <h2 class="h2-1 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="1.2s">VR数字检测</h2>
                </div>
                <div class="group2">
                    <img class="ani" swiper-animate-effect="zoomIn" swiper-animate-delay="1.5s" src="img/slide5-img2.png">
                    <div class="line up ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="1.8s"></div>
                    <h2 class="h2-2 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="2.1s">激光在线检测技术的应用</h2>
                </div>
                <div class="group3">
                    <img class="ani" swiper-animate-effect="zoomIn" swiper-animate-delay="2.4s" src="img/slide5-img3.png">
                    <div class="line up ani" swiper-animate-effect="fadeInDown" swiper-animate-delay="2.7s"></div>
                    <h2 class="h2-2 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="3s">智能机器人在线检测技术的应用</h2>
                </div>
                <div class="group4">
                    <img class="ani" swiper-animate-effect="zoomIn" swiper-animate-delay="3.3s" src="img/slide5-img6.png">
                    <div class="line down ani" swiper-animate-effect="fadeInUp" swiper-animate-delay="3.6s"></div>
                    <h2 class="h2-2 down ani" swiper-animate-effect="zoomIn" swiper-animate-delay="3.9s">数字AVES评价</h2>
                </div>
                <div class="group5">
                    <img class="ani" swiper-animate-effect="zoomIn" swiper-animate-delay="4.2s" src="img/slide5-img5.png">
                    <div class="line down ani" swiper-animate-effect="fadeInUp" swiper-animate-delay="4.5s"></div>
                    <h2 class="h2-2 down ani" swiper-animate-effect="zoomIn" swiper-animate-delay="4.8s">售后数字化应用</h2>
                </div>
                <div class="group6">
                    <img class="ani" swiper-animate-effect="zoomIn" swiper-animate-delay="5.1s" src="img/slide5-img4.png">
                    <div class="line down ani" swiper-animate-effect="fadeInUp" swiper-animate-delay="5.4s"></div>
                    <h2 class="h2-2 down ani" swiper-animate-effect="zoomIn" swiper-animate-delay="5.7s">TQMP 智造品质-信息系统</h2>
                </div>
            </div>
        </div>

        <div class="swiper-slide slide6">
            <link rel="import" href="../common/poster/top.html?__inline">
            <link rel="import" href="../common/poster/bottom.html?__inline">
            <link rel="import" href="../common/element-down.html?__inline">

            <div class="title ani" swiper-animate-effect="zoomIn" swiper-animate-delay="0.5s">新技术品质保证<br>—更严峻的挑战</div>

            <div class="img-bg">
                <img class="ani" swiper-animate-effect="zoomIn" swiper-animate-delay="1s" src="img/slide6-img-bg.png" alt="">
                <img class="gear1 ani" swiper-animate-effect="rotateIn" swiper-animate-delay="1.5s" src="img/slide6-gear1.png">
                <img class="gear2 ani" swiper-animate-effect="rotateIn" swiper-animate-delay="2s" src="img/slide6-gear2.png">
                <img class="gear3 ani" swiper-animate-effect="rotateIn" swiper-animate-delay="2.5s" src="img/slide6-gear3.png">
            </div>

            <img class="img1 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="1.5s" src="img/slide6-img1.png">
            <img class="img2 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="2s" src="img/slide6-img2.png">
            <img class="img3 ani" swiper-animate-effect="zoomIn" swiper-animate-delay="2.5s" src="img/slide6-img3.png">
        </div>
    </div>
</div>

</body>
<script src="/node_modules/jquery/dist/jquery.js"></script>
<script src="/node_modules/swiper/dist/js/swiper.js"></script>
<script src="/web/lib/swiper.animate1.0.2.min.js"></script>
<script src="/web/js/config.js"></script>
<script src="poster.js"></script>
</html>